   html,
   body {
       margin: 0;
       font-family: "Microsoft YaHei", sans-serif;
       background: #fafafa;
       color: #333;
   }

   .box {
       width: 90%;
       margin: 40px auto;
       background: #fff;
       border: 1px solid #e5e5e5;
       border-radius: 8px;
       box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
       padding: 20px;
   }

   h1 {
       color: #ff6633;
       margin: 20px auto;
       text-align: center;
   }

   .order-list {
       display: flex;
       flex-wrap: wrap;
       gap: 20px;
       margin-top: 30px;
   }

   .order-item {
       border: 1px solid #f0f0f0;
       border-radius: 6px;
       padding: 15px;
       width: calc(50% - 20px);
       box-sizing: border-box;
   }

   .order-info {
       display: flex;
       align-items: center;
       justify-content: space-between;
       margin-bottom: 10px;
   }

   .order-title {
       font-size: 16px;
       font-weight: bold;
       color: #333;
   }

   .order-status {
       font-size: 14px;
       color: #666;
   }

   .order-details {
       font-size: 14px;
       color: #999;
       margin-top: 10px;
   }

   .bottom-btn {
       text-align: center;
       margin-top: 30px;
   }

   .exit-btn {
       padding: 8px 20px;
       background: #ff6633;
       color: #fff;
       border: none;
       border-radius: 4px;
       cursor: pointer;
       font-size: 16px;
   }

   .exit-btn:hover {
       background: #e55a2b;
   }